@charset "utf-8";

/* 首页 */

body{
background: #f7f7f7;
}

.content-header {
position: relative;
padding: 15px 15px 0 15px;
}
.content-header>h1 {
margin: 0;
font-size: 22px;
}
.content_index {
width:560px;
height:110px;
margin: 15px;
background:#fff;
border-radius: 5px;
}
.index_1{
width:33.2%;
float:left;
}
.info-box1{
padding:25px;
}
.bg-aqua1{
height:28px;
}
.bg-aqua1 i{
color:#707a92;
font-size:30px;
padding-left: 40px;
font-style: inherit;
background:url(../images/renshu.png) left center no-repeat;
background-size: 28px 28px;
}
.bg-aqua2 i{
color:#707a92;
font-size:30px;
padding-left: 40px;
font-style: inherit;
background:url(../images/jiaose.png) left center no-repeat;
background-size: 28px 28px;
}
.bg-aqua3 i{
color:#707a92;
font-size:30px;
padding-left: 40px;
font-style: inherit;
background:url(../images/gouwuche.png) left center no-repeat;
background-size: 28px 28px;
}
.info-box-content1{
font-size:14px;
color:#666;
padding-top: 10px;
}
.xian{
width:1px;
height:45px;
float: left;
margin-top: 40px;
background: #f1f1f1;
}

/* index_2 */
.content_index2{
margin: 15px;
}
.index_2{

    width:22%;
     float:left;
    height:90px;
    padding-right: 20px;
    overflow: hidden;
    border-radius:5px;

}
.index2_bg{
     height:90px;
    background: #fff;
      position:relative;
}
.inde2_l{

float:left;
position:relative;
margin:20px 12px 0 12px;
}
.inde2_l i{
    display: none;
    position:absolute;
    top: -5px;
    right:-5px;
    width:10px;
    height:10px;
background:url(../images/dian.png) center no-repeat;
background-size:10px 10px;
}
.inde2_l.on i{
    display:block;
}
.inde2_l images{

width:50px;
height:50px;
}
.inde2_l.on{

}
.inde2_r{

    margin:20px 0 0 0px;
    float:left;
}
.inde2_r p{
    font-size:14px;
    color:#666;
}
.inde2_r p:last-child{

    font-size:22px;
    color:#00c0ef;
    margin-top:12px;

}
.inde2_r p:last-child i{
    position:absolute;
        top: 53px;
    right: 5%;
    width:8px;
    height:14px;
     background:url(../images/next.png) center no-repeat;
     background-size:8px 14px;
}



/* <!--时间轴--> */
.main_areas1{
margin:15px;
padding:30px;
background:#fff;

}
.timeline_div { width: 100%;overflow: auto; }
.timeline_div ul { font-size: 0; white-space: nowrap }
.timeline_div li { width: 20%;    text-align: center; display: inline-block;*display: inline; *zoom:1 ;position:relative}
.timeline_div li .line { position: relative; height: 4px; font-size: 0; min-width:150px; margin-top: 40px; }
.timeline_div li .line_in { position: absolute; height: 4px; font-size: 0; width: 50%;   }
.timeline_div ul li .line .time_node { width: 100%; text-align: center; position: absolute; top: -38px }
.timeline_div ul li .line .time_node .activity_name { color: #44d1ac; height:30px; font-size:14px; }
.timeline_div ul li .line .time_node .activity_info { padding-top: 10px; }
.timeline_div ul li .line .time_node .activity_info p { font-size: 12px; line-height: 20px; color: #666; }
.timeline_div ul li .line .time_node .activity_info p b { font-weight: normal; font-size: 12px; }
.timeline_div ul li .line .time_node .activity_info div{word-break: break-all; word-wrap:break-word;}
.timeline_div ul li .line .time_node .activity_Round { width: 16px; height: 16px; border: 2px solid #fff; border-radius: 16px; margin: 0 auto; }
.timeline_div ul li .message_tip_icon { vertical-align: middle; margin-left: 3px; cursor: pointer }



.history .time_node{ border-right:3px double #666; background:url(../images/history_icon.gif) top right no-repeat}

.section .time_node{ border-left:1px dotted #f60}

.reason{ width:800px; margin-top:80px; color:#666; line-height:20px; position:relative}
.reason a.more{ position:absolute; top:5px; right:-60px; border-radius:3px; border:1px solid #ccc; padding:0 3px; font-size:12px; width:40px; color:#f60; text-align:center}
.reason a.more:hover{ cursor:pointer; border-color:#f60}
.reason .reason_cont{border-top:1px solid #ECECEC; padding:10px 0; overflow:hidden }


.reason .reason_cont ol li{ font-size:12px; height:20px; line-height:20px; width:100%; white-space:nowrap; text-align:left;}
.reason .reason_cont span{ color:#f60; font-weight:bold; font-family: Verdana, Geneva, sans-serif}

/*默认状态*/
.normal .activity_Round { background: #ccc }
.normal .line { background: #ccc }


/*历史状态*/
.history_zt .activity_Round { background: url(../images/time_line_history_bg.png) #fff;  background-size: 100%;}
.history_zt .line { /* background: url(../images/time_line_history_bg.png) #fff;  */ background-size: 100%;}

/*申请会诊状态*/
.first .line { border-radius: 2px 0 0 2px;background: #44d1ac; }
.first .line .line_in { border-radius: 2px 0 0 2px }
.first .line .line_in{ background:#44d1ac}
.first .activity_Round{background: #f48c47}
.timeline_div ul li:last-child .line { border-radius: 0 2px 2px 0 }

/*通过*/
.pass .activity_Round { background: #44d1ac }
.pass .line { background: #44d1ac }
/*下一节点或未通过*/
.next .activity_Round { background: #f48c47 }
.next .line { background: #ccc }

/*没通过加感叹号*/
.no_pass .activity_Round { background: url(../images/no_pass_icon.png) ;     background-size: 100%;}


.timeline_div ul li .madespeed{ width:30px; height:31px; position:absolute; left:-15px; top:9px; display:none}
/*默认处理*/
.timeline_div ul li.nor_made .madespeed{ background: url(../images/nor.gif) no-repeat; display: inline-block;*display: inline; *zoom:1;}
/*紧急处理
.timeline_div ul li.quick_made .madespeed{ background: url(../images/quick.gif) no-repeat; display: inline-block;*display: inline; *zoom:1;}
*/
/*非常紧急处理*/
.timeline_div ul li.tooquick_made .madespeed{ background: url(../images/tooquick.gif) no-repeat; display: inline-block;*display: inline; *zoom:1;}
/*处理超时*/
.timeline_div ul li.time_out .madespeed{background: url(../images/time_out_icon.gif) no-repeat; display: inline-block;*display: inline; *zoom:1;}


/*不支持高级选择器的*/
/*.first .line{ border-radius:2px 0 0 2px}
.first .line .line_in{ background:#44d1ac;  border-radius:2px 0 0 2px}
.last .line{ border-radius:0 2px 2px 0}*/

.timeline_div_tip{padding:25px 0 0px;border-top: 1px solid #ececec;}
.timeline_div_tip li{ width:auto; float:left; font-size:12px;  color:#999; margin-right:15px;}
.timeline_div_tip li span{ display:inline-block; *display:inline; *zoom:1; width:13px; vertical-align:middle; margin-top:-3px; margin-right:5px; height:13px; border-radius:13px; background:#333}

.message_out{ display:none; position: absolute;padding:3px; width:238px; background:url(../images/opacity_png_bg.png); box-shadow: 0 0 15px rgba(0,0,0,.3);z-index: 999; border-radius:4px}
.message_out .message { width: 218px; padding: 10px; background: #fff; position: relative;  color: #333; font-size: 12px; white-space: normal; text-align: left; line-height: 18px; }
.message_out .message .message_arrow_icon { position: absolute; top: -14px; left: 73px; }
.message_out .message p { position:relative; font-weight: bold; display: block; border-bottom: 1px solid #ccc; line-height: 22px; margin-bottom: 5px; color: #095b69; }
.message_out .message div{word-break:break-all;word-wrap:break-word;}

/*历史临时的*/
.message_out2{ display:none; position: absolute;padding:3px; width:238px; background:url(../images/opacity_png_bg.png); box-shadow: 0 0 15px rgba(0,0,0,.3);z-index: 999; border-radius:4px}
.message_out2 .message { width: 218px; padding: 10px; background: #fff; position: relative;  color: #333; font-size: 12px; white-space: normal; text-align: left; line-height: 18px; }
.message_out2 .message .message_arrow_icon { position: absolute; top: -14px; left: 5px; }
.message_out2 .message p { position:relative; font-weight: bold; display: block; border-bottom: 1px solid #ccc; line-height: 22px; margin-bottom: 5px; color: #095b69; }

.time_node i{ font-style:normal; cursor:pointer; display:block; color:#095b69;}

/*郑大附一对时间轴的疏密程度进行了调整*/
/* .timeline_div li .line{ margin-top:30px;} */
.timeline_div ul li .madespeed{ top:-1px}
.reason .reason_cont{ padding:5px 0; }




/* 排班 */


















